<template>
  <!-- 头寸查询页面 -->
  <div class="app-container" style="overflow:scroll">
    <div style="width: 1024px;margin: 20px auto">
      <el-form ref="settingsForm" :model="formData" label-width="150px" :disabled="true">
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="清算账户余额" prop="settlebalance">
              <el-input v-model="formData.settlebalance" placeholder="清算账户余额"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="圈存资金" prop="bepsloadamount">
              <el-input v-model="formData.bepsloadamount" placeholder="圈存资金"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="当前存款准备金" prop="reserve">
              <el-input v-model="formData.reserve" placeholder="当前存款准备金"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="预留头寸" prop="reserveposition">
              <el-input v-model="formData.reserveposition" placeholder="预留头寸"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="大额贷方累计金额" prop="hvpsbalancec">
              <el-input v-model="formData.hvpsbalancec" placeholder="大额贷方累计金额"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="小额贷方累计金额" prop="bepsbalancec">
              <el-input v-model="formData.bepsbalancec" placeholder="小额贷方累计金额"/>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="大额借方累计金额" prop="hvpsbalanced">
              <el-input v-model="formData.hvpsbalanced" placeholder="大额借方累计金额"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="小额借方累计金额" prop="bepsbalanced">
              <el-input v-model="formData.bepsbalanced" placeholder="小额借方累计金额"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row type="flex">
          <el-col :span="12">
            <el-form-item label="大额当前可用余额" prop="hvpsbalanceuse">
              <el-input v-model="formData.hvpsbalanceuse" placeholder="大额当前可用余额"/>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="小额当前可用余额" prop="bepsbalanceuse">
              <el-input v-model="formData.bepsbalanceuse" placeholder="小额当前可用余额"/>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="小额账户余额预警值" prop="bepspreloadamount">
              <el-input v-model="formData.bepspreloadamount" placeholder="小额账户余额预警值"/>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div class="bottom-control"></div>
    </div>
  </div>
</template>
<script>
import {pageDetail} from "@/api/cnaps/bizMng/position.js";
import {log} from "util";
import {listPageMixin} from "@/libs/listPageMixin";
import {mapGetters} from "vuex";

export default {
  name: "balanceManageQuery",
  mixins: [listPageMixin],
  components: {},
  data() {
    return {
      isShow: true,
      //数据字典
      searchFormDictList: [],
      isLoading: false,
      formData: {},
    };
  },
  mounted() {
    this.initData();
  },
  computed: {
    ...mapGetters(["globalBusData"]),
  },
  watch: {
    // globalBusData: {
    //   handler(val) {
    //   },
    //   deep: true,
    //   immediate: true,
    // },
  },
  methods: {
    initData() {
      pageDetail().then(res => {
        this.formData = _.clone(res.result);
      });
    },
    // 表单重置
    reset() {
      this.resetForm("settingsForm");
      this.initData();
      this.isShow = true;
    },
  },
};
</script>
<style lang="scss" scoped>
.bottom-control {
  margin: 30px 0;
  text-align: center;
}

.label-header-msg {
  font-weight: bold;
}

.form-card {
  margin-bottom: 10px;
}
</style>
